import './index.scss'
import React, { Component } from 'react'

class List extends Component {
  render() {
    const { history } = this.props
    return (
      <div className="list">
        <div className="list_search">
          <span className="icon iconfont icon-zuo" onClick={() => history.go(-1)}></span>
          <div className="list_search_left">
            <div className='searchLeft'>
              <span onClick={() => history.push('/citylist')}>上海</span>
              <span className="icon iconfont icon-xiala"></span>
            </div>
            <div className="searchRight">
              <span className="icon iconfont icon-sousuo"></span>
              <input type="text" placeholder="请输入小区或地址" />
            </div>
          </div>
          <span className="icon iconfont icon-baiduMaps" onClick={() => history.push('/map')}></span>
        </div>
        <div className="list_select">
          <b>
            <span>区域</span>
            <span className="icon iconfont icon-xiala"></span>
          </b>
          <b>
            <span>方式</span>
            <span className="icon iconfont icon-xiala"></span>
          </b>
          <b>
            <span>租金</span>
            <span className="icon iconfont icon-xiala"></span>
          </b>
          <b>
            <span>筛选</span>
            <span className="icon iconfont icon-xiala"></span>
          </b>
        </div>
        <div className="list_container"></div>
      </div>
    )
  }
}


export default List